<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
	<link rel="stylesheet" href="../jquery.mobile-1.0rc2.min.css" />
	<script src="../jquery-1.6.4.min.js"></script>
	<script src="../jquery.mobile-1.0rc2.min.js"></script>
</head>
<body>
    <div data-role="page" id="page_main" >
        <div data-role="header"  data-position="inline">
		<h1>header toolbar</h1>
        </div>
        
        <div data-role="content" >
        	<p>페이지에서 <br>
			위에 있는게 header toolbar <br>
			아래에 있는게  footer toolbar죠
        </div>
        
         <div data-role="footer"  data-position="inline">
	    <h1>footer toolbar</h1>
      </div>
    </div>
</body>
</html>
